.centerBox ul{
    margin: 0;
    padding: 0;
}
.centerBox ul li{
    list-style: none; 
    position: relative;
    background: url(../../../assets/main/QQ.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 80px;
    height:80px; 
    text-align: center;
    cursor: pointer;
}
.centerBox ul li:hover,.centerBox ul li.active { 
    background: url(../../../assets/main/QQ-h.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 80px;
    height:80px;  
}
.img1,.img2{
    position: absolute;
    top: 27%;
    left: 35%;
}
.img1{
    display: inline-block;
}
.img2{
    display: none;
}
.text{ 
    position: absolute;
    top: 56%;
    font-size: 12px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #BABCBC;
    left: 0;
    width: 100%;
    text-align: center; 
}

.centerBox ul li:hover .img1,.centerBox ul li.active .img1{
    display: none;
}
.centerBox ul li:hover .img2,.centerBox ul li.active .img2{
    display: inline-block;
}
.centerBox ul li:hover .text,.centerBox ul li.active .text{
    font-weight: 400;
    color: #FFFFFF;
}

